@spacing-2: 8rpx;
@spacing-4: 16rpx;
@spacing-6: 24rpx;
@grey-text: grey;
@bg-color: #ffffff;
.home{
  background-color: #f3f3f3;
}
.m-4 {
  margin: @spacing-4;
}

.mr-4 {
  margin-right: @spacing-4;
}
.mt-4 {
  margin-top: @spacing-4;
}
.ml-4 {
  margin-left: @spacing-4;
}

.mb-4 {
  margin-bottom: @spacing-4;
}

.p-4 {
  padding: @spacing-4;
}
.pb-4 {
  padding-bottom: @spacing-4;
}
.pt-4 {
  padding-top: @spacing-4;
}
.pl-4 {
  padding-left: @spacing-4;
}
.pr-4 {
  padding-right: @spacing-4;
}

.p-6 {
  padding: @spacing-6;
}
.pb-6 {
  padding-bottom: @spacing-6;
}
.pt-6 {
  padding-top: @spacing-6;
}
.pl-6 {
  padding-left: @spacing-6;
}
.pr-6 {
  padding-right: @spacing-6;
}

.flex {
  display: flex;
}

.g-2 {
  gap: @spacing-2;
}
.g-4 {
  gap: @spacing-4;
}
.g-6 {
  gap: @spacing-6;
}

.align-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}



.text-center {
  text-align: center;
}

.font-bold {
  font-weight: bold;
}

.bg-white {
  background-color: #ffffff;
}

.text-grey {
  color: @grey-text;
}

.main-content {
  padding: 10rpx;
  height: 100%;
}

.list-border{
  border-radius: 6rpx;

}
.button{
  background-color: #ffffff;
  border: 1px solid #ffa970;
}
.taro_page{
  background-color: #f3f3f3 !important;

}